<template>
	<div class="madp-down-btn">
		<el-button
			@click="onClick"
			:style="{ color: theme, borderColor: theme }"
			>{{ title }}</el-button
		>
	</div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
	props: ['title'],

	computed: {
		...mapGetters(['theme']),
	},
	data() {
		return {}
	},
	methods: {
		onClick() {
			this.$emit('click')
		},
	},
}
</script>

<style lang="scss" scoped>
.madp-down-btn {
}
</style>